@import'./moudles/reset.scss';
@import'./moudles/footer.scss';
@import'./moudles/header.scss';

.banner{
    // width:100%;
    height:600px;
    padding-bottom: 10px;
    position: relative;
    .bannerheight{
        height:600px;
    }
    img{
        // width:100%;
        height:600px;
        position: absolute;
        z-index: 1;
    }
    .banner-text{
        width:500px;
        height:500px;
        color:#fff;
        text-align: center;
        position: absolute;
        left:150px;
        top:150px;
        // background: red;
        z-index: 2;
        h1{
            font-size: 50px;
            line-height: 80px;
            // color:red;
        }
        p{
            line-height: 50px;
            font-size: 30px;
        }
        a{
            display: block;
            color:#fff;
            line-height: 50px;
            font-size: 25px;
        }
        .a1{
            width:150px;
            height:50px;
            // background:#ccc;
            margin-top: 30px;
            margin-bottom:10px;
            border: 1px solid #fff;
            border-radius: 30px;
            margin-left: 170px;
            &:hover{background: #fff;}
            &:hover,p{color: #000;}
        }
    }
}
// .content{width: 100%;}
.con1{
    height:600px;
    position: relative;
    a{
        // display: block;
        img{
            width:100%;
            height:600px;
        }
    }
    .con1-text{
        width:500px;
        height:500px;
        color:#fff;
        text-align: center;
        position: absolute;
        top:150px;
        // background: red;
        h1{
            font-size: 50px;
            line-height: 80px;;
        }
        p{
            line-height: 50px;
            font-size: 30px;
        }
        a{
            display: block;
            color:#fff;
            line-height: 50px;
            font-size: 25px;
        }
        .a1{
            width:150px;
            height:50px;
            // background:#ccc;
            margin-top: 30px;
            margin-bottom:10px;
            border: 1px solid #fff;
            border-radius: 30px;
            margin-left: 170px;
            &:hover{background: #fff;}
            &:hover,p{color: #000;}
        }
    }
   
}
.con2{
    min-height:850px;
    li{
        width:630px;
        padding:10px;
        height:400px;
        float: left;
        position: relative;
        a{  
            display: block;
            width:100%;
            height:100%;
            background: red;
                img{
                width:100%;
                height:100%;
                background: pin;
                }
        }
        
        .black{
            width:100%;
            position: absolute;
            top:50px;
            text-align: center;
            // background:red;
        }
    }
    
}
.con3 {
    min-height:500px; 
    background-color:#ddd ;
    ul{
        width:1200px;
        display:flex;     
        justify-content: space-between;
        li{
            // background: red;
            img{
                width:350px;
                height:250px;
            }
            p{
                color:#c8c;
                line-height: 50px;
            }
            h4{
                text-indent: 12px;
                font-size: 18px;
                line-height: 25px;
            }
            h5 a{
                color:skyblue;
            }
        }
        
    }
}
